<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
ul {
	list-style: none;
}
#top {
	width: 100%;
	height: 173px;
}
.top-one .logo {
	float: left;
	margin-left: 47px;
	margin-right: 20px;
	margin-top: 22px;
}
.top-one .logo2 {
	float: left;
	margin-top: 45px;
}
.top-one .sou {
	float: right;
	position:absolute;
	top:42px;
	right:355px;
	 
}
.top-one .suo{
	float: right;
	
	
	}
.kuang {
	width: 355px;
	height: 48px;
	background:#e0e0e0;
	border:none;
	border-radius: 10px;
	margin-right: 41px;
	margin-top: 37px;
	text-indent:45px;
	font-size:24px;
	color:#FFF;
	
	
}
.top-two {
	width: 100%;
	height: 66px;
	margin-top:15px;
	background: #2e5582;
}
.top-two-inner .nav {
	float: left;
	margin-left:95px;
	margin-top:20px;
	color:#FFF;
	font-size:24px;
	font-family:"微软雅黑"；
	
}
.top-two-inner .nav1 {
	float: left;
	margin-left:160px;
	margin-top:20px;
	color:#FFF;
	font-size:24px;
	font-family:"微软雅黑"；
	
}
</style>
</head>

<body>
<div id="top">
  <div class="top-one">
    <ul>
      <li class="logo"> <a href="#"><img src="logo.jpg.jpg"></a> </li>
      <li class="logo2"> <a href="#"><img src="sui.jpg"></a> </li>
      <li class="sou">  <img src="sousuo_03.png"><li>
      <li class="suo">
        <input class="kuang" type="text" placeholder="在此搜索你喜爱的团队">
          </li>
      <div class="clear"></div>
    </ul>
  </div>
  <div class="top-two">
    <div class="top-two-inner">
      <div class="nav1">首页</div>
      <div class="nav">发现</div>
      <div class="nav">团队</div>
      <div class="nav">大事记</div>
      <div class="nav">就业</div>
    </div>
  </div>
</div>
<script src="sc.js"></script>
</body>
</html> 